<!DOCTYPE HTML>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<link href="style.css" rel="stylesheet" type="text/css"/>

	<title>Home page</title>
</head>

<body>

<div id="wrapper">

    <div id="header_outer">
        <div id="header">
            
        
            <div id="logo">
            <a href="#"><img src="images/logo.png" alt="logo"/></a>
            </div><!--End #Logo-->
            
            <div id="canter_head">
               <div class="main-center">
                     
                 <p  class="human"><span>MEMBER LOGIN      |</span><span><a href="#">SIGN UP</a></span></p>
					
				 
				  
				  <p><a class="cart">SHOPPING CART</a></p>
				 <p class="clock_">Earliest Delivery : 25 Jan 2013 Between 2.00pm to 5.30pm</p>
              </div>
            </div><!--End #control-->
         
            
            <div id="search">
              <input type="text" value="" name="search_query" id="search_query_top" class="search_query ac_input" autocomplete="off">
              <span class="la"></span>
            </div><!--End #Menubar-->
            <div class="clear"></div>
			<div class="menu">
			   <ul>
			      <li><a href="#"><span>SHOP BY</span> <br />CATEGORY</a></li>
	    	      <li><a href="#"><span>SHOP BY</span> <br />Occasion</a></li>
                  <li><a href="#"><span>SHOP BY</span> <br />CATEGORY</a></li>
                  <li><a href="#"><span>Do you know?</span> <br /></a></li>
                  <li><a href="#"><span>Contact us</span> <br /></a></li>
			   </ul>
			
			</div>
			
        </div><!--End #Header-->
    </div><!--End #Header_outer-->
    
    <div id="content_outer">
        <div id="content">
            <div id="conten_top">
                <div id="left-box">
				         <img src="images/1.png"/>
                         <a href="#" class="pages"></a>
				</div><!--end_left-->
				<div id="right">
				       <div id="main-top">
                           <div id="one" class="item_bt"><a href="#">1</a></div>
                           <div id="two" class="item_bt"><a href="#">2</a></div>
                           <div id="three" class="item_bt"><a href="#">3</a></div>
                      </div>
				
			     </div>
                
            </div><!--End #Content_top-->
        
            
            
            <div id="show">
           

            
                <div class="items">
                     <div class="main-item">
    				    <div class="left_cate">
    					    <h3>GIFT HAPERS</h3>
    					   <img src="images/img.png"/>
    					</div>
    				   <div class="right_cate">
    					    <a class="viewall" href="#">View all</a>
    						  <h3 class="tt">Lorem Ipsum </h3>
    					     <p>
    						 Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
    						 </p>
    						 <a class="shop">Shop Now</a>
    					</div>
                        
                      
                      </div>
                </div><!--End #Items-->
				  <div class="kc"></div>
              
                <div class="items">
                     <div class="main-item">
    				    <div class="left_cate">
    					    <h3>GIFT HAPERS</h3>
    					   <img src="images/img.png"/>
    					</div>
    				   <div class="right_cate">
    					    <a class="viewall" href="#">View all</a>
    						  <h3 class="tt">Lorem Ipsum </h3>
    					     <p>
    						 Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
    						 </p>
    						 <a class="shop">Shop Now</a>
    					</div>
                        
                      
                      </div>
                </div><!--End #Items-->
			 <div class="kc"></div>
                <div class="items">
                     <div class="main-item">
    				    <div class="left_cate">
    					    <h3>GIFT HAPERS</h3>
    					   <img src="images/img.png"/>
    					</div>
    				   <div class="right_cate">
    					    <a class="viewall" href="#">View all</a>
    						  <h3 class="tt">Lorem Ipsum </h3>
    					     <p>
    						 Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
    						 </p>
    						 <a class="shop">Shop Now</a>
    					</div>
                        
                      
                      </div>
                </div><!--End #Items-->
              
            </div><!--End #Show-->
            
           
            
        </div><!--End #Content-->
    </div><!--End #Content_outer-->
    <div id="footer_outer">
        <div id="footer">
            <div id="footer_menu">
                
                <div class="fm_item">
                    <img src="images/footer.png" />
                </div><!--End .fm_item-->
                
          
                  <div class="clear"></div>
            </div><!--End #Footer_menu-->
            <p style="text-align: center; color: black; padding: 5px 0px; font-weight: normal; font-family: arial !important; font-size: 14px;"  >Copyright® Happyhampy.com 2013<br />
            </p>
       
        
        </div><!--End #Footer-->
    </div><!--End #Footer_outer-->

</div><!--End #Wrapper-->


</body>
</html>